<% if browser.mobile? %>
<div class="header-mobile">
  <div class="top_bar">
    <a href="/profile"><i class="fa fa-user"></i></a>
    <div class="center-block">
      <a href="/"><img src="http://7mnmhw.com1.z0.glb.clouddn.com/images/logo.png" class="logo" alt=""></a>
      <span class="place">宁波<i class="fa fa-angle-down"></i></span>
    </div>
  </div>
  <div class="search_bar">
    <form action="#" method="post">
      <input type="text" name="search_content">
      <a href="javascript:;" class="submit_search">搜索</a>
    </form>
  </div>
</div>
<% else %>
<div class="header">
  <div class="top_bar">
      <a href="/about_us" class="link pull-right">关于我们</a>
      <!-- <a href="/vip_login" class="link pull-right">会员(登陆后)</a> -->
      <a href="/profile" class="link pull-right">用户中心</a>
      <a href="/tailor" class="link pull-right">私人订制</a>
      <a href="/notice" class="link pull-right">西瓜公告</a>
      <a href="#" class="link pull-right">微信登陆</a>
      <a href="#" class="link location">宁波<i class="fa fa-angle-down"></i>
        <div class="location_list">
          其他城市即将开通
        </div>
      </a>
  </div>
  <div class="navbar_container container">
    <div class="row">
      <div class="col-md-4 col-xs-12">
        <a href="/"><img src="http://7mnmhw.com1.z0.glb.clouddn.com/images/logo.png" class="logo" alt=""></a>
      </div>
      <div class="col-md-5 col-xs-12">
        <div class="nav_item">
          <a href="/" class="link active">首页</a>
          <a href="/peixun" class="link">培训课程</a>
          <a href="/vip" class="link">兴趣课程</a>
        </div>
      </div>
      <div class="col-md-3 col-xs-12">
        <div class="nav_item">
          <form action="#" method="post">
            <input type="text" name="search_content">
            <a href="javascript:;" class="submit_search fa fa-search"></a>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<% end %>